<div class="salary-container">
  <div class="backhome">go back</div>
  <div class="salary-title">$alary</div>
  <div class="select-file-wrapper">
    <div class="select-file">
      <div class="input-div">
        <label for="xlsx-input" [class]="sending ? 'disable' : ''"
          >&nbsp;选择文件&nbsp;</label
        >
        <input
          id="xlsx-input"
          type="file"
          accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
          (change)="handleFileChange($event)"
        />
      </div>
      <div *ngIf="fileChose" class="preview-div">
        <font>{{ selectFileName }}</font>
        <button (click)="handleDeleteFile()" class="delete-file">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            height="24"
            viewBox="0 0 24 24"
            width="24"
          >
            <path d="M0 0h24v24H0V0z" fill="none" />
            <path d="M8 9h8v10H8z" opacity=".3" class="line" />
            <path
              class="line"
              d="M15.5 4l-1-1h-5l-1 1H5v2h14V4zM6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9z"
            />
          </svg>
        </button>
      </div>
      <div class="submit-div" *ngIf="fileChose">
        <button class="submit" (click)="handleUploadAndSend()">
          上传&执行
        </button>
      </div>
    </div>
  </div>
  <div class="message-wrapper">
    <div class="message-main">{{ message }}</div>
  </div>
  <div class="progress-wrapper">
    <div class="progress-main">{{ progress }}</div>
  </div>
  <div class="lines-wrapper"></div>
</div>
